﻿var h= window.screen.height,
    w=window.screen.width;
$(function(){
    weather_date('天津');
    //var slide_timer=null;
    var swiper = new Swiper('.swiper-container.swiper-container-father', {
        pagination: '.swiper-pagination.swiper-pagination-father',
        paginationClickable: true,
        loop:true,
        autoplay:20000,
        autoplayDisableOnInteraction : false,
        noSwiping : true,
        onSlideChangeEnd: function(swiper){
            ///当loop模式下用当前索引和slide的总长度求余就是真正当前模式下的索引0,1,2,3，....
//                alert(swiper.activeIndex); //切换结束时，告诉我现在是第几个slide
                console.log(swiper.activeIndex);
            if(swiper.activeIndex==1||swiper.activeIndex==7){
                ////第一页：借阅排行榜动效调用
                //$("#Slide1").addClass("zy-Slide");
                //$('.zy-Slide').zySlide({ speed: 500 }).css('border', '0px solid blue');

                //slide_timer=setTimeout(function(){
                //    $('.zy-Slide').zySlide({ speed: 500 }).css('border', '0px solid blue');
                //
                //},2000);
            }
            if(swiper.activeIndex==2){
                //$("#Slide1").removeClass("zy-Slide");
                //clearTimeout(slide_timer);
                //$('.zy-Slide').zySlide().stop();
                ////在执行到馆统计函数
                isFirst=true;
                $('#count_total').html("");
                $('#count_week').html("");
                $('#count_day').html("");
                $('#count_current').html("");
                library_num_move();
                library_circle_move();

            }
//                if(swiper.activeIndex==3){
//                    ////在执行本馆风采
////                    $(".m ul").removeClass("diaporama1");
////                    setTimeout(function(){
////                        $(".m ul").addClass("diaporama1");
////                    },2000);
//
//                    $(".diaporama1").jDiaporama({
//                        paused: false,
//                        animationSpeed: "slow",
//                        delay:4 ////这个可以控制轮播图片的速度
//                    });
//
//                }
            if(swiper.activeIndex==6){
                ////在执行通知
                notice_move();
            }

        }
    });
    $('.zy-Slide').zySlide({ speed: 500 }).css('border', '0px solid blue');




});
///自适应分辨率
function my_init(){
    $("html").height(h);
    $("html").width(w);
    $("body").css({'font-size':1.125*h/1080+"em"});
    $(".kp_all").css({paddingTop:30/1080*h+"px"});
    ///头部logo
    $(".kp_header").css({height:h*80/1080+"px"});
    $(".header_logo .logo_bg_left").css({width:206/1920*w+"px"});
    $(".header_logo .logo").css({width:50/1920*w+"px",height:50/1920*w+"px",marginTop:12/1080*h+"px",marginLeft:-106/1920*w+"px"});
    $(".header_logo .logo_txt").css({width:246/1920*w+"px",height:49/1080*h+"px",marginTop:12/1080*h+"px",marginLeft:-46/1920*w+"px",marginRight:15/1920*w+"px"});
    $(".header_logo .logo_title").css({'font-size':2.5*h/1080+"em",marginTop:10/1080*h+"px",marginLeft:10/1920*w+"px",marginRight:-200/1920*w+"px"});
    $(".header_logo .logo_bg_right").css({width:235/1920*w+"px",marginRight:25/1920*w+"px"});

    //天气
    $(".kp_date").css({right:50/1920*w+"px"});
    $(".kp_weather").css({marginRight:10/1920*w+"px",'font-size':1.25*h/1080+"em"});
    $("#kp_clock").css({'font-size':1.25*h/1080+"em"});
    $("#t_h").css({'font-size':2.5*h/1080+"em"});
    $("#t_m").css({'font-size':2.5*h/1080+"em"});
    $("#t_s").css({'font-size':1.25*h/1080+"em"});
    $("#t_current").css({'font-size':0.625*h/1080+"em"});

    ///swiper整体父容器设置
    //$(".swiper-container-father").css({height:970/1080*h+"px"});
    $(".swiper-wrapper-father").css({height:970/1080*h+"px"});
    $(".swiper-slide-father").css({height:970/1080*h+"px"});
    ////借阅排行榜
    $(".kp_rank").css({height:720/1080*h+"px",paddingTop:53/1080*h+"px",paddingRight:160/1920*w+"px",paddingLeft:160/1920*w+"px"});
    $(".rank_con").css({height:720/1080*h+"px",paddingRight:146/1920*w+"px",paddingLeft:146/1920*w+"px"});
    ////左面旋转木马轮播图
    $(".rank_con_left").css({width:805/1920*w+"px",height:400/1080*h+"px",paddingTop:48/1080*h+"px"});
    $(".rank_con_left .rank_book_des").css({width:422/1920*w+"px",height:296/1080*h+"px",bottom:-390/1080*h+"px"});
    $(".zy-Slide li p").css({marginTop:30/1080*h+"px",'font-size':2*h/1080+"em"});
    ////右面书名排行描述
    $(".rank_con_right").css({width:385/1920*w+"px",paddingTop:70/1080*h+"px"});
    $(".rank_con_right ul li").css({height:64/1080*h+"px",lineHeight:64/1080*h+"px",paddingLeft:20/1920*w+"px",marginBottom:5/1080*h+"px"});
    $(".rank_con_right ul li img").css({width:25/1920*w+"px",marginRight:10/1920*w+"px",marginTop:22/1080*h+"px"});
    $(".rank_con_right ul li div").css({'font-size':1.875*h/1080+"em"});
    $(".rank_number").css({'font-size':0.75*h/1080+"em",marginRight:10/1920*w+"px"});
    $(".rank_name_txt").css({width:200/1920*w+"px"});
    ////借阅排行榜结束

    ///到馆统计数据
    $(".kp_count").css({width:629/1920*w+"px",height:728/1080*h+"px",marginTop:38/1080*h+"px",paddingTop:58/1080*h+"px",paddingLeft:9.7/1920*w+"px"});
    $(".count_all").css({width:610/1920*w+"px",height:610/1080*h+"px"});
    $(".count_txt").css({'font-size':2.25*h/1080+"em"});
    ///四个线条的公共样式
    $(".pub_css .pub_title_css").css({'font-size':2*h/1080+"em"});
    $(".pub_css .pub_num_css").css({'font-size':2.5*h/1080+"em"});
    $(".pub_css .pub_ren_css").css({'font-size':1.25*h/1080+"em"});
    ///累计到馆从2017年1月至今
    $(".count_total_num").css({width:375/1920*w+"px",height:77/1080*h+"px",top:30/1080*h+"px",left:-60/1920*w+"px"});
    $(".count_total_num .total_txt").css({paddingTop:70/1080*h+"px"});
    $(".total_small_txt").css({'font-size':1.125*h/1080+"em"});

    ///本周到馆
    $(".count_week_num").css({width:375/1920*w+"px",height:77/1080*h+"px",top:70/1080*h+"px",left:655/1920*w+"px"});
    $(".count_week_num .week_txt").css({paddingTop:40/1080*h+"px"});
    ///今日到馆
    $(".count_day_num").css({width:490/1920*w+"px",height:192/1080*h+"px",top:523/1080*h+"px",left:-115/1920*w+"px"});
    $(".count_day_num .day_txt").css({paddingTop:80/1080*h+"px"});
    ///当前在馆
    $(".count_current_num").css({width:483/1920*w+"px",height:178/1080*h+"px",top:523/1080*h+"px",left:655/1920*w+"px"});
    $(".count_current_num .current_txt").css({paddingTop:60/1080*h+"px"});
    ///到馆统计结束

    ////本馆风采
    $(".kp_style").css({width:1282/1920*w+"px",height:762/1080*h+"px",marginTop:50/1080*h+"px",paddingTop:40/1080*h+"px",paddingBottom:40/1080*h+"px",paddingLeft:50/1920*w+"px",paddingRight:50/1920*w+"px"});
    $(".kp_style .m").css({width:1174/1920*w+"px",height:660/1080*h+"px"});

    ///左边折线图
    $(".kp_line").css({height:768/1080*h+"px",paddingTop:70/1080*h+"px",paddingLeft:200/1920*w+"px",paddingRight:200/1920*w+"px"});
    $(".line_left").css({width:1055/1920*w+"px",height:697/1080*h+"px"});
    $(".line_left_title").css({width:381/1920*w+"px",height:81/1080*h+"px",marginTop:30/1080*h+"px"});
    $(".borrow_line").css({marginTop:30/1080*h+"px"});
    $("#main3").css({width:930/1920*w+"px",height:500/1080*h+"px"});
    //$("#main3 div").css({width:0/1920*w+"px",height:0/1080*h+"px"});
    //$("#main3 div canvas").css({width:0/1920*w+"px",height:0/1080*h+"px"});
    //$("#main3 div").css({width:"100%",height:"100%"});
    //$("#main3 div canvas").css({width:"100%",height:"100%"});


    ///右边描述
    $(".line_right").css({width:370/1920*w+"px",height:686/1080*h+"px",paddingTop:70/1080*h+"px"});
    $(".line_right li").css({height:160/1080*h+"px",marginBottom:30/1080*h+"px"});
    $(".line_right li h3").css({'font-size':1.875*h/1080+"em",borderBottomWidth:5/1080*h+"px",marginBottom:15/1080*h+"px"});
    $(".line_right li .box").css({width:370/1920*w+"px",height:80/1080*h+"px"});
    $(".line_right li .box div").css({lineHeight:80/1080*h+"px"});
    $(".number").css({'font-size':1.875*h/1080+"em",marginRight:10/1920*w+"px"});
    $(".ce").css({'font-size':1.25*h/1080+"em"});

    ///今日推荐
    $(".kp_recommend").css({width:1400/1920*w+"px",height:760/1080*h+"px",marginTop:30/1080*h+"px",paddingTop:20/1080*h+"px",paddingLeft:9.7/1920*w+"px"});
    $(".swiper-container-recommend").css({width:1020/1920*w+"px",cursor:"none"});
    $(".swiper-container-recommend .swiper-slide-recommend").css({width:357/1920*w+"px",height:492/1080*h+"px",paddingBottom:46/1080*h+"px",paddingTop:66/1080*h+"px",paddingLeft:42/1920*w+"px",paddingRight:42/1920*w+"px",marginLeft:15/1920*w+"px",marginRight:15/1920*w+"px"});
    $(".swiper-container-recommend .swiper-slide-recommend .book_name").css({'font-size':1.75*h/1080+"em",top:20/1080*h+"px",paddingLeft:40/1920*w+"px",paddingRight:15/1920*w+"px"});
    $(".swiper-container-recommend .swiper-pagination").css({bottom:10/1080*h+"px"});
    $(".swiper-container-recommend .swiper-pagination-bullet").css({width:20/1920*w+"px",height:20/1920*w+"px"});
    $(".book_des").css({bottom:35/1080*h+"px"});
    $(".book_des div").css({width:938/1920*w+"px"});
    $(".book_des div p").css({marginBottom:20/1080*h+"px",'font-size':1.875*h/1080+"em"});
    $(".book_des div .guang_pic").css({height:18/1080*h+"px",top:50/1080*h+"px",'font-size':1.875*h/1080+"em"});
    $(".read_num").css({bottom:-8/1080*h+"px"});
    $(".read_num .con_num").css({'font-size':3*h/1080+"em"});
    $(".read_num .con_ren").css({'font-size':1.5*h/1080+"em"});
    $(".arrow_left").css({top:240/1080*h+"px",left:55/1920*w+"px"});
    $(".arrow_right").css({top:240/1080*h+"px",right:55/1920*w+"px"});
    ///通知
    $(".kp_notice").css({width:1088/1920*w+"px",height:650/1080*h+"px",marginTop:38/1080*h+"px",paddingTop:50/1080*h+"px",paddingLeft:9.7/1920*w+"px"});
    $(".notice_title").css({'font-size':2.125*h/1080+"em",width:397/1920*w+"px",height:63/1080*h+"px",lineHeight:63/1080*h+"px",top:62/1080*h+"px"});
    $(".notice_con").css({height:400/1080*h+"px",marginTop:110/1080*h+"px"});
    $(".notice_con ul").css({'font-size':1.75*h/1080+"em",paddingLeft:85/1920*w+"px",paddingRight:78/1920*w+"px",paddingTop:0/1080*h+"px"});
    $(".notice_con ul li").css({textIndent:50/1920*w+"px"});


    ///底部标题
    $(".kp_title").css({width:1161/1920*w+"px",height:119/1080*h+"px",marginTop:0/1080*h+"px",bottom:30/1080*h+"px",'font-size':1.875*h/1080+"em",lineHeight:119/1080*h+"px"});



}
////发ajax请求天气数据和日期显示
function weather_date(address){
    getweather(address);
    var timer = null;
    showTime();
    timer = setInterval(showTime,1000);//绑定计时器。一秒钟调用一次函数，动态刷新时间
}
function getweather(p){
    $.ajax({
        url:"http://api.map.baidu.com/telematics/v3/weather",
        type:"get",
        data:{
            location:p,
            output:'json',
            ak:'6tYzTvGZSOpYB5Oc2YGGOKt8'
        },
        /*预期服务器端返回的数据类型，假设我现在跨域了，我就改成jsonp 就可以了 */
        dataType:"jsonp",
        success:function(data){
            var weatherData=data.results[0].weather_data;
            $("#kplace").text(p);
            //if(weatherData[0].weather.length!=undefined&&weatherData[0].weather.length>=6){
            //    $(".hw_left").width(10/192*w);
            //}
            $("#kpweather").text(weatherData[0].weather);
            $("#kptemp").text(weatherData[0].temperature);
        }
    })
}
function showTime() {
    var today = new Date(); //新建一个Date对象
    var date = today.getDate();//查询当月日期
    var day = today.getDay();//查询当前星期几
    var month = today.getMonth() + 1;//查询月份
    var year = today.getFullYear();//查询年份
    var hour = today.getHours();
    var min = today.getMinutes();
    var sec = today.getSeconds();
    var week = "";
    if (day == 0) week = '星期日';
    if (day == 1) week = '星期一';
    if (day == 2) week = '星期二';
    if (day == 3) week = '星期三';
    if (day == 4) week = '星期四';
    if (day == 5) week = '星期五';
    if (day == 6) week = '星期六';
    if(hour<10){
        hour='0'+hour;
    }
    if(min<10){
        min='0'+min;
    }
    if(sec<10){
        sec='0'+sec;
    }
    $('#kp_clock').html(year + "年" + month + "月" + date + "日 " + week);
    $('#t_h').html(hour + ":");
    $('#t_m').html( min );
    $('#t_s').html(sec);

}

////到馆统计
var library_timer=null;////到馆的数字变量
var progObj,progObj1,progObj2,progObj3,p_timer=null,p_timer1=null,p_timer2=null,p_timer3=null,circle_timer=null;////到馆的圆环变量
var t11,t22,t33,t44,isFirst=true;
function library_num_move(){
    clearTimeout(library_timer);
    t11 = new CountUp("kp_count_num1",0,167,0,4,options);
    t22= new CountUp("kp_count_num2",0,67,0,4,options);
    t33 = new CountUp("kp_count_num3",0,1967,0,4,options);
    t44 = new CountUp('myTargetElementt',0,532626274,0,4,options);
    t11.start();t22.start();t33.start();t44.start();
    library_timer=setTimeout('library_num_move()',10000);
}///到馆数字动效
function library_circle_move(){
    ////每次调用都清空所有的定时器
    clearTimeout(p_timer);
    clearTimeout(p_timer1);
    clearTimeout(p_timer2);
    clearTimeout(p_timer3);
    clearTimeout(circle_timer);
    //$('#count_total').html("");
    //$('#count_week').html("");
    //$('#count_day').html("");
    //$('#count_current').html("");

    ///清空定时器结束
    if(isFirst){
        progObj = radialIndicator('#count_total' , {
            radius:290/1920*w, //定义圆形指示器的内部的圆的半径。
            barBgColor:"rgba(15, 107, 131, 0.2)", //定义圆形指示器的刻度条的背景颜色。
            barColor:'rgba(1,162,164,1)', //指示器数值样式
            barWidth:15/1080*h,
            minValue:0, //圆形指示器的最小值。
            maxValue:532626274/0.85,
            //initValue:34,
            displayNumber: false,
            roundCorner : true
        });
        progObj1 = radialIndicator('#count_week' , {
            radius:250/1920*w, //定义圆形指示器的内部的圆的半径。
            barBgColor:"rgba(24, 141, 195, 0.2)", //定义圆形指示器的刻度条的背景颜色。
            barColor:'#188dc3', //指示器数值样式
            barWidth:15/1080*h,
            minValue:0, //圆形指示器的最小值。
            maxValue:2500,
            //initValue:34,
            displayNumber: false,
            roundCorner : true
        });
        progObj2 = radialIndicator('#count_day' , {
            radius:210/1920*w, //定义圆形指示器的内部的圆的半径。
            barBgColor:"rgba(181, 147, 13, 0.2)", //定义圆形指示器的刻度条的背景颜色。
            barColor:'#b5930d', //指示器数值样式
            barWidth:15/1080*h,
            minValue:0, //圆形指示器的最小值。
            maxValue:200,
            //initValue:34,
            displayNumber: false,
            roundCorner : true
        });
        progObj3 = radialIndicator('#count_current' , {
            radius:170/1920*w, //定义圆形指示器的内部的圆的半径。
            barBgColor:"rgba(74, 142, 7, 0.2)", //定义圆形指示器的刻度条的背景颜色。
            barColor:'#4a8e07', //指示器数值样式
            barWidth:15/1080*h,
            minValue:0, //圆形指示器的最小值。
            maxValue:200,
            //initValue:34,
            displayNumber: false,
            roundCorner : true
        });
        progObj.animate(532626274);
        progObj1.animate(1967);
        progObj2.animate(167);
        progObj3.animate(67);
        isFirst=false;

    }

    ////累计的圆环
    p_timer=setTimeout(function(){
        /////每次进定时器都重新绘制canvas
        $('#count_total').html("");
        progObj = radialIndicator('#count_total' , {
            radius:290/1920*w, //定义圆形指示器的内部的圆的半径。
            barBgColor:"rgba(15, 107, 131, 0.2)", //定义圆形指示器的刻度条的背景颜色。
            barColor:'rgba(1,162,164,1)', //指示器数值样式
            barWidth:15/1080*h,
            minValue:0, //圆形指示器的最小值。
            maxValue:532626274/0.85,
            //initValue:34,
            displayNumber: false,
            roundCorner : true
        });
        progObj.animate(532626274);
    },8000);
    ////本周的圆环
    p_timer1=setTimeout(function(){
        $('#count_week').html("");
        progObj1 = radialIndicator('#count_week' , {
            radius:250/1920*w, //定义圆形指示器的内部的圆的半径。
            barBgColor:"rgba(24, 141, 195, 0.2)", //定义圆形指示器的刻度条的背景颜色。
            barColor:'#188dc3', //指示器数值样式
            barWidth:15/1080*h,
            minValue:0, //圆形指示器的最小值。
            maxValue:2500,
            //initValue:34,
            displayNumber: false,
            roundCorner : true
        });
        progObj1.animate(1967);
    },16000);
    ////今日的圆环
    p_timer2=setTimeout(function(){
        $('#count_day').html("");
        progObj2 = radialIndicator('#count_day' , {
            radius:210/1920*w, //定义圆形指示器的内部的圆的半径。
            barBgColor:"rgba(181, 147, 13, 0.2)", //定义圆形指示器的刻度条的背景颜色。
            barColor:'#b5930d', //指示器数值样式
            barWidth:15/1080*h,
            minValue:0, //圆形指示器的最小值。
            maxValue:200,
            //initValue:34,
            displayNumber: false,
            roundCorner : true
        });
        progObj2.animate(167);
    },22000);
    ////当前的圆环
    p_timer3=setTimeout(function(){
        $('#count_current').html(" ");
        progObj3 = radialIndicator('#count_current' , {
            radius:170/1920*w, //定义圆形指示器的内部的圆的半径。
            barBgColor:"rgba(74, 142, 7, 0.2)", //定义圆形指示器的刻度条的背景颜色。
            barColor:'#4a8e07', //指示器数值样式
            barWidth:15/1080*h,
            minValue:0, //圆形指示器的最小值。
            maxValue:200,
            //initValue:34,
            displayNumber: false,
            roundCorner : true
        });
        progObj3.animate(67);
    },26000);
    circle_timer=setTimeout('library_circle_move()',30000);

}/////到馆的圆环变化
////到馆统计结束

//////今日推荐
var length=$('.swiper-container-recommend .swiper-slide-recommend').length;
var rec_arr=[56,896,256];
var swiper_recommend = new Swiper('.swiper-container.swiper-container-recommend', {
//            pagination: '.swiper-pagination',
    effect: 'coverflow',
    grabCursor: true,
    centeredSlides: true,
    slidesPerView: 'auto',
    autoplay: 2500,
    cursor:"none",
    loop:true,
    noSwiping : true,
    coverflow: {
        rotate:-20,  //旋转的角度
        stretch:1,  //拉伸
        depth:100,  //深度
        modifier:1, //修正值（该值越大前面的效果越明显）
        slideShadows:true  //页面阴影效果
    },
    onSlideChangeEnd:function(swiper_recommend){
        ///当loop模式下用当前索引和slide的总长度求余就是真正当前模式下的索引0,1,2,3，....
        var myindex=swiper_recommend.activeIndex%length;
        $('.read_num .con_num').html(rec_arr[myindex]);
//            console.log(myindex);

    }
});
//////今日推荐结束


//////通知
var notice_arr=["通知：为了方便广大读者阅读，提升本图书馆服务质量，图书馆将于本周六对机房设施更新升级，更新期间，暂不开放服务。更新时间：周六上午九点到下午十八点","超星数字图书馆为目前世界最大的中文在线数字图书馆，提供大量的电子图书资源提供阅读，其中包括文学、经济、计算机等五十余大类，数百万册电子图书，而且是24小时、没有等候的服务。",['讲座内容：“青少年心理健康”','讲座时间：2017年9月23日周六上午10:00','讲座地点：超星图书馆三楼多功能报告厅']];
var notice_brr=["通知公告","超星数字图书馆","讲座预告"];
var index=0;
var ul_height;
var box_height;
var timer=null;
var str;
var i=0;
function notice_move(){
    i=0;
    console.log(index);
    clearTimeout(timer);
    ////每次定时器进来都清空内容
    if(index==2){
        str="<ul><li>"+notice_arr[index][0]+"</li><li>"+notice_arr[index][1]+"</li><li>"+notice_arr[index][2]+"</li></ul>";
    }else{
        str="<ul><li>"+notice_arr[index]+"</li></ul>";
    }
    $(".notice_con").html(str);
    $('.notice_title').html(notice_brr[index]);//赋值当前通知的标题
    ul_height=$('.notice_con>ul').height();
    console.log(ul_height);
    box_height=$('.notice_con').height();
    if($('.notice_con>ul').height()>$('.notice_con').height()){
        var scrollTime=ul_height/10*1000;
        if(scrollTime>5000){
            i=(ul_height)/10-5;
        }
        $('.notice_con>ul').animate({top:-ul_height},scrollTime,"linear");
    }
    index++;
    if(index==notice_arr.length){
        index=0;
    }
    console.log(ul_height,i);
    timer=setTimeout('notice_move()',5000+i*1000);
}
//////通知结束



